<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="format-detection"content="telephone=no,email=no"/>
	<title>107</title>
	<!-- jquery ui -->
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/jquery-ui.min.js"></script>
	<!-- 作品展示 -->
	<link type="text/css" rel="stylesheet" href="./css/galleryview.css" />
	<link type="text/css" rel="stylesheet" href="./css/jquery-ui.css" />
	<script type="text/javascript" src="./js/jquery.galleryview-1.1.js"></script>
	<script type="text/javascript" src="./js/jquery.timers-1.1.2.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#photos').galleryView({
				panel_width: 920,
				panel_height: 550,
				frame_width: 120,
				frame_height: 100
			});
		});
	</script>

	<!-- less css -->
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
	<link rel="stylesheet/less" type="text/css" href="./css/style.less" />
	<script src="./js/less.min.js" type="text/javascript"></script>
</head>
<body>
	<div class="container left">
		<div class="side-bar left">
			<a href="javascript:void(0);" onclick="service()" class="icon icon-service left">
				<br /><br /><br /><br />
				<p>网站服务</p>
			</a>

			<a href="javascript:void(0);" onclick="product()" class="icon icon-product left">
				<br /><br /><br /><br />
				<p>作品展示</p>
			</a>

			<a href="javascript:void(0);" onclick="group()" class="icon icon-group left">
				<br /><br /><br /><br />
				<p>工作团队</p>
			</a>

			<a href="javascript:void(0);" onclick="connect()" class="icon icon-connect left">
				<br /><br /><br /><br />
				<p>联系我们</p>
			</a>

			<a href="javascript:void(0);" onclick="campus()" class="icon icon-campus left">
				<br /><br /><br /><br />
				<p>招兵买马</p>
			</a>

			<a href="javascript:void(0);" onclick="where()" class="icon icon-where left">
				<br /><br /><br /><br />
				<p>我们在哪</p>
			</a>
		</div>

		
		
		<div class="main-bar right">

			<div id="jump" style="top: -167px; position: fixed; left: 255px;">
				<div class="polaroid welcome_left left block">
					<img src="./images/001.jpg" width="284" height="213" />
					<p class="caption">welcome</p>
				</div>

				<div class="polaroid left welcome_middle block">
					<img src="./images/001.jpg" width="284" height="213" />
					<p class="caption">107</p>
				</div>
				
				<div class="polaroid left welcome_right block">
					<img src="./images/001.jpg" width="284" height="213" />
					<p class="caption">lab</p>
				</div>


			</div>

			<div class="polaroid right message block">
				<h1>留 言 板</h1>
				<textarea name=""></textarea>
			</div>

			<div id="function" class="function">
				<!-- 网站服务 -->
				<div id="service" class="left">
					<img src="./images/001.jpg" />
				</div>

				<!-- 作品展示 -->
				<div id="product" class="left">
					<div id="photos" class="galleryview">

						<div class="panel"><img src="./images/001.jpg"/></div>
						<div class="panel"><img src="./images/001.jpg"/></div>
						
						<ul class='filmstrip'>

							<li><img src="./images/001.jpg" /></li>
							<li><img src="./images/001.jpg" /></li>
							
						</ul>
					</div>
				</div>

				<!-- 工作团队 -->
				<div id="group" class="left">
					<div id="main">
  
					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>

					    <div class="items">
							<div class="img">
								<a href="">
									<img src="./images/001.jpg" />
					        		<div class="desc">1111111</div>
								</a>
					      	</div>
					      	<div class="title">kof</div>
					    </div>
					    
					    
					</div>
				</div>
				
				<!-- 联系我们 -->
				<div id="connect" class="left block">
					<div id="accordion">  
						<h3>通讯地址</h3>  
						<div>    
							河南 开封 河南大学 金明校区 计算机与信息工程学院 116  
						</div>  
						<h3>网络地址</h3>  
						<div>    
							<a href="http://www.107lab.com/" target="_blank">http://www.107lab.com/</a>
						</div>  
						<h3>...</h3>  
						<div>    

						</div>
						<h3>...</h3>  
						<div>    

						</div>
						<h3>...</h3>  
						<div>    

						</div>
						<h3>...</h3>  
						<div>    

						</div>
					</div>
				</div>

				<!-- 招兵买马 -->
				<div id="campus" class="left block">
					<div id="tabs">  
						<ul>    
							<li><a href="#fragment-1"><span>关于我们</span></a></li>    
							<li><a href="#fragment-2"><span>关于你们</span></a></li>    
							<li><a href="#fragment-3"><span>填写报名信息</span></a></li>  
						</ul>

						<div id="fragment-1">    
							11111111
						</div>  
						<div id="fragment-2">      
							22222222
						</div>  
						<div id="fragment-3">    
							3333333333
						</div>
					</div>
				</div>

				<!-- 我们在哪 -->
				<div id="where" class="left">
					<!--引用百度地图API-->
    				<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kRofe63sEy8RVQ3HkpOGj2Ia"></script>
					<!--百度地图容器-->
  				  	<div style="width:700px;height:550px;border:#ccc solid 1px;font-size:12px" id="map"></div>
					<script type="text/javascript" src="./js/baidu-map.js"></script>
				</div>


			</div>
			


		</div>

		<div class="bottom-bar left">
			<div class="icon start left">
				
			</div>
		</div>
	</div>
	
</body>
<script type="text/javascript" src="./js/107lab.js"></script>
<script type="text/javascript" src="./js/jquery.bouncebox.1.0.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
<script>
	/* 取消地图的效果 */
	where();

	/* 拖拽 */
	$(document).ready(function(){
		$(".block").draggable();
	});

	$( "#accordion" ).accordion();
	$( "#tabs" ).tabs();
</script>
</html>